調
v_ 1.1.50
CSS-First JS-Light
Master Your Skills With StringTune
String
Tune
For smooth scrolling and core web animations
Concentrate
Take it… And listen…

Animate with Elegance,
Not Overhead.

Animate with Elegance ⟡ Not Overhead ⟡ CSS-First ⟡ JS-Light ⟡ Animate with Elegance ⟡ Not Overhead ⟡ CSS-First ⟡ JS-Light ⟡
Mastery

"To master the sword
is to master the self…"

Flow Control SWE
剣

To master the String…
is to master the code.

StringTune
StringTune• Fiddle.Digital• Animation Library• Scroll Driven• CSS First• JS Light• StringTune• Fiddle.Digital• Animation Library• Scroll Driven• CSS First• JS Light•

Principles

Direct, welcoming, with respect for each type of developer.

01
Oji
王子 — Flow
02
Aika
愛歌 — Harmony
Core Features
01
⬡
Modular Architecture
Craft only what you need.
Every piece stands alone — or flows as one.
02
⟡
Attribute-Based Integration
No learning curve. Just a signal.
Use simple attributes to activate power directly in HTML.
03
◈
Effortless Initialization
No ceremony. No bloat.
Import, set the tune — done.
04
◎
Wide Range of Effects
From calm ripples to sharp strikes.
Control motion, depth, and presence across scroll, hover, visibility, and more.
Performance Oriented

Fast as a cut.
Light as breath.

Engineered for speed. Low memory, zero layout shifts, native-friendly.

It's minimal, expressive, and performance-first.

Performance Supervision
∞
Ultra Optimized
Gallery — Features in Action
侍 FIDORU
Performance Supervision Monitor and control your scroll data
⟡ CONTROL PROGRESS
Control your Progress Data Break it apart, apply to any element
New
◈ SCROLL CONTAINER
Use Scroll Container. If you want
Tu SAFE KERNING
Safe natural kerning when Splitting
⬡ ULTRA OPTIMIZED
Progress Easing Ultra Optimized
Dev
for Developers & Designers

Cursor
Tracking of
any kind

Blend your HTML with Splitted Text
Position Sticky? Of course
Cursor Tracking
Scroll Driven

Modular by nature.
Build small, scale sharp.

Who It's For

Built for every
kind of creator.

Direct, welcoming, with respect for each type of developer.

01 —
✦
Even Designers
Control behavior visually. Prototype or ship — it feels right.
02 —
⟡
Beginner Developers
Get started fast. Markup-first. No JS wizardry required.
03 —
◈
Experienced Developers
Compose interactions your way. Break it apart. Extend it. Tune it.
TUNE

For when you need precision. Extend, override, and compose.

Build custom modules, command advanced flows — without losing control.

Learn How

Code
With
Clarity

Built to tune your animations, not fight your DOM

(1)

Uses native scroll, refined by a precision smoothing formula.

(2)

Designed with a lightweight, modular architecture that lets you import only what you need.

(3)

Configure behavior directly in your markup with attribute‑based controls – no extra JavaScript required… Until you really need it.

(4)

Built for core web animation, yet open to any prop or pattern your setup requires.

Attributedriven.
No JS until you truly need it.
Captivating websites with ease.
Build your own modules to extend its power.